/* ----------------------------------------------
Ajustements généraux
------------------------------------------------ */
html{
    height:100%;
}
body {
    height:100%;
    margin:0px ;
    padding:0px ;
    background-image:url(images/style/bg.jpg);
    color:#CCCCCC;
}

table
{
    border-width:0px;
    border-style:none;
    margin:0px;
    padding:0px;
    border-spacing: 0px;
}
table td
{
    border-width:0px;
    border-style:none;
    margin:0px;
    padding:0px;
    border-spacing: 0px;
}
table th
{
    border-width:0px;
    border-style:none;
    margin:0px;
    padding:0px;
}
table tr
{
    border-width:0px;
    border-style:none;
    margin:0px;
    padding:0px;
}
a {
    color:#AAAAAA;
}

/* --------------------------------------
        OBJETS PREFORMATES
---------------------------------------- */

/* Table couleur bleue */
table.liste
{
    background-color:#aacfd5;
}
table.liste td.titre
{
    text-align:center;
}
table.liste th
{
    background-color: #da6060;
    padding:5px;
    border:2px solid #aacfd5;
    color:#111111;
}
table.liste td
{
    color:#111111;
}
table.liste a
{
    color:#111111;
}


/* Table de formulaire */
table.form
{
    background-color:#ff6969;
    margin-left:auto;
    margin-right:auto;
    border-spacing:2px;
    color:#111111;
    width:100%;
}
table.form td
{
    border:1px solid #6a3e3e;
    padding:10px;
}
table.form label
{
    font-weight: bold;
}
table.form td.valid
{
    text-align:center;
    border:0px none #6a3e3e;
}
table.form th
{
    background-color:#6a3e3e;
    font-size: 16px;
    color:#CCCCCC;
    padding:10px;
}

/* Cadre s'affichant lors d'un survol de la souris */
div.aide
{
    position:absolute;
    background-color: #6e6438;
    border:1px solid #CCCCCC ;
    padding:5px;
    text-align: center;
    vertical-align: top;
}


/* Champ de lien entre tables */
div.ChampLienTables
{
    width:100%;
}
div.ChampLienTables table
{
    width:100%;
    padding:0px;
}
div.ChampLienTables table td
{
    padding:0px;
}
div.ChampLienTables select
{
    width:100%;
    height:100px;
}
div.ChampLienTables div.select
{
    width:100%;
}
div.ChampLienTables div.searchInput
{
    /*float:left;*/
    width:100%;
}
div.ChampLienTables div.selected
{
    background-color:blue ;
    color:#FFFFFF;
}
div.ChampLienTables div.deselected
{
    background-color:transparent ;
}
div.ChampLienTables div.listOptions
{
}
div.ChampLienTables div.description
{
    height:50px;
    padding:5px;
 }
.selectedItem{
    color:red;
}
div.sousForm
 {
     width:100%;
}
/* Champ select personnalisé */
div.listOptions
{
    width:100%;
    background-color:#FFFFFF;
    color:#000000;
    border:1px solid #0000AA;
    height:150px;
    overflow:scroll;
    cursor:default;
}


/* -------------------------------------------
MISE EN PAGE GENERALE
 ---------------------------------------------*/

/* Tableau general de mise en page */
table.miseEnPage {
   margin:0px ;
   padding:0px ;
   border-style:none ;
   width:1000px;
   height:100%;
   margin-left:auto;
   margin-right:auto;
   border-spacing:5px ;
   border-left:solid 1px #FFFFFF ;
   border-right:solid 1px #FFFFFF ;
}
table.miseEnPage td.header {
    height: 150px;
    background-image: url(images/style/bg_titre.png) ;
    background-repeat: repeat-x ;
    margin:0px ;
    border:0px ;
}
table.miseEnPage td.login {
    border:solid 1px #FFFFFF ;
    border-spacing:5px ;
    padding:5px;
}
table.miseEnPage td.menu {
    vertical-align:top ;
    border:solid 1px #FFFFFF ;
    border-spacing:5px ;
    padding:5px;
}
table.miseEnPage td.corps {
    width: 800px ;
    height:100%;
    vertical-align:top;
}

/* Cadre principal (toute la page) */
div.principal {
    margin-left:auto;
    margin-right:auto;
    height:100%;
    width:100%;
}

/* Entête */
div.head{
    height: 150px;
    background-image: url(images/style/bg_titre.png) ;
    background-repeat: repeat-x ;
    margin:0px ;
    border:0px ;
}
div.head div.logo {
    height:100%;
    /*background-image: url("images/style/titre.png");*/
    background-repeat: no-repeat;
}
div.head div.title {
    position:absolute;
    left:250px;
    top:135px;
    font-size: 25px;
    font-weight: bolder ;
    padding:5px;
    margin:5px;
    padding-bottom:0px;
    margin-bottom:0px;
    color:#CCCCCC;
}


/* Pied de page */
div.footer{
    clear: both;
    text-align: center;
}
div.content
{
    overflow:visible;
}


/*
Menu haut
*/
div.topmenu div.formRecherche{
    height: 25px;
}
div.topmenu div.showFormLogin {
    float:right;
    visibility:hidden;
}
div.topmenu div.hideFormLogin {
    visibility:hidden;
    float:right;
}
div.formRecherche {
    float:left ;
}
div.topmenu{
    height:25px;
    width:100%;
    margin:0px ;
    border-style:solid;
    border-color: #FFFFFF ;
    border-width:0px ;
    padding:0px ;
    color:#CCCCCC ;
}

/*div.editable {
    width:500px;
    height:200px;
    border-style:solid;
    border-width:2px;
    border-color:blue;
    background-color:white;
}*/

/*
Formulaire de connexion sans JavaScript
*/
div.formLogin {
    text-align: center;
    float: right;
    height:100%;
    margin:0px;
    margin-right:5px;
    margin-top:50px;
    padding:5px;
    width:170px;
    border-style:solid;
    border-color:#FFFFFF;
    border-width:1px;
    background-image: url(images/style/bg.gif);
    font-size:14px;
    color:#CCCCCC;
}
div.formLogin td.label {
    color:#CCCCCC;
}
div.formLogout {
    float: right ;
    color:#CCCCCC;
}

/*
Formulaire de connexion avec JavaScript
*/
div.formLoginCentre {
    position:absolute;
    margin:0px;
    padding:0px;
    top:0px;
    bottom:0px;
    width:100%;
    color:#CCCCCC;
    vertical-align:middle;
    visibility:hidden;
}
div.formLoginCentre input {
    background-image: url(images/style/bg_connexion.png);
    color:#CCCCCC;
    border-color:#CCCCCC;
    border-width:1px;
    border-style:solid;
    width:150px;
}
div.formLoginCentre div.box{
    position:relative;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
    border-width: 1px;
    border-style:solid;
    background-image: url("images/style/bg_connexion.png");
    top:40%;
    width:250px;
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    padding-bottom:10px;
    padding-left:5px;
    font-size:14px;
    color:#CCCCCC;
}
div.formLoginCentre label{
    float:left;
    width:90px;
}
div.formLoginCentre input[type="submit"] {
    width:90px;
    margin-left: 80px;
    margin-top:10px;
}
div.formLoginCentre div.hautDroite {
    position:relative;
    text-align:right;
}

/*
Corps de page (= contenu + menu)
*/
div.corps {
    width:100%;
    height:100%;
    margin:0px;
    border-width:0px;
    padding:0px;
}
div.corps > div.content{
    overflow:auto;
    width:auto;
    height:100%;
    margin:5px;
    padding:5px;
    /*border-style:solid;
    border-color:#FFFFFF;
    border-width:1px;*/
    /*background-color:#303040;*/
    color:#CCCCCC;
}

/*
Menu
*/
div.menu{
    text-align: center;
    float: right;
    height:100%;
    margin:0px;
    margin-right:5px;
    margin-top:50px;
    padding:5px;
    width:170px;
    border-style:solid;
    border-color:#FFFFFF;
    border-width:1px;
    background-image: url(images/style/bg.gif);
    font-size:14px;
}


/*
Bouton situé en haut à droite d'une fenêtre
*/
div.hautDroite {
    font-size:1px;
    padding:2px;
    position:absolute;
    top:0px;
    right:0px;
}

/*
Cadre d'erreur
*/
div.error{
    position: absolute ;
    margin:0px;
    padding:0px;
    top:0px;
    left:30%;
    right:30%;
    background-image: url("images/style/bg_error.png");
    border-style:solid;
    border-width:1px;
    border-color:#FF0000;
}
div.hiddenError {
    visibility:hidden;
}
div.error div.title {
    margin:0px ;
    padding:0px;
    padding-top:2px;
    border:inherit ;
    border-width:0px;
    border-bottom:1px solid #FF0000;
    background-image:url("images/style/bg_error_title.png");
    width:100%;
    text-align: center;
    vertical-align: middle;
    font-size:20px;
    color:#CCCCCC;
}
div.error div.content {
    padding:5px;
    text-align:center;
}
div.error div.content li {
    text-align:left;
    font-weight:bold;
}


/*
Fenêtre dynamique centrée
*/
div.centeredWindow
{
    position:absolute;
    margin:0px;
    padding:0px;
    top:0px;
    bottom:0px;
    width:100%;
    color:#CCCCCC;
    vertical-align:middle;
    visibility:hidden;
}
div.centeredWindow div.error
{
    visibility:visible;
}
div.centeredWindow div.box
{
    position:relative;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
    border-style:solid;
    /*background-color: blue;*/
    overflow:auto;
    top:10%;
    width:600px;
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    padding:15px;
    font-size:14px;
    color:#CCCCCC;
    background-image:url("images/style/bg_connexion.png");
}
div.centeredWindow div.box iframe{
    height:400px;
    width:100%;
    border-width:0px;
    margin:0px;
    overflow: hidden;
}



/* -------------------------------
  Page "membres"
--------------------------------- */
div.membre{
    width: 25%;
    float:left;
    text-align: center;
}
div.membre img
{
    max-height: 100px;
    max-width: 100px;
}

/*
Page "video"
*/
div.videoSimilaire {
    width:200px;
}
div.video {
    vertical-align: text-top;
}
img.grandApercu
{
    width:600px;
}
img.vote
{
    width:60px;
}
img.noteMoyenne
{
    width:40px;
}




/*
page "matériel"
*/
table.materielType
{
    width:80%;
    border-width:0px;
    margin-left: auto;
    margin-right: auto;
}
table.materielType td
{
    text-align: center;
}
table.materielType td.unselected
{
    border-bottom:1px solid #CCCCCC;
}
table.materielType td.selected
{
    background-color: #50bccc;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #aacfd5;
    color:#111111;
}
table.materielType td.selected a {color:#111111;}
table.materielType td.nouveauMaterielType
{
    text-align:right;
}
table.materielType td.listeMateriel
{
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    background-color: #aacfd5;
    color:#111111;
}
table.materielType td.listeMateriel a
{
    color:#111111;
}
table.materiel
{
    width:100%;
}
table.materiel td.nouveau
{
    text-align:center;
}
table.materiel td.materielType
{
    text-align:center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
table.materiel td.materielType div.edition
{
    font-size:14px;
    font-weight:normal;
}
table.materiel td.nouveau
{
    padding-top:20px;
    font-weight: bold;
}


/*
Page "listUsers"
*/
table.listUsers
{
    width:100%;
}
table.listUsers td
{
    text-align: center;
}


/*
Page "news"
*/
div.listeNews
{
    margin-left : 160px;
}
div.listeNews div.nouvelleNews
{
    text-align:center;
    font-size: 20px;
    border: 1px solid #CCCCCC ;
    padding:2px;
    background-image:url(images/style/bg_connexion.png);
    margin-top:0px;
    margin-bottom:20px;
}
div.news
{
    border: 1px solid #CCCCCC ;
    margin-top:0px;
    margin-bottom:20px;
}
div.interne
{
    border: 1px solid #CC0000 ;
}
div.news div.titre
{
    font-size: 20px;
    border-bottom: 1px solid #CCCCCC ;
    padding:2px;
    background-image:url(images/style/bg_connexion.png);
    position:relative;
}
div.news div.titre div.edition
{
    position:absolute;
    right:0px;
    top:4px;
    font-size: 15px;
}
div.news div.texteNews
{
    padding:2px;
}
div.news div.auteur
{
    text-align: right ;
}
div.accueilVideosPopulaires
{
    float:left;
    width:150px;
}
div.accueilVideosPopulaires div.titre
{
    font-size:20px;
    text-align:center;
    margin-bottom:10px;
}


/*
Page "listeVideos"
*/
div.menuVideos
{
    /*border:2px solid red;*/
}
div.menuVideos div.titreMenuVideo
{
    clear:left;
    text-align:center;
    font-size:25px;
    margin-bottom:20px;
}
/* Affichage vidéo */
table.video td{
    vertical-align: top;
}

/* Sélection vidéo */
div.selection_video
{
    max-width:750px;
    margin-left:auto;
    margin-right:auto;
}

/* Liste des catégories */
div.populaire_video
{
    max-width:750px;
    margin-left:auto;
    margin-right:auto;
}
div.videoListe {
    float:left;
    padding:0px;
    margin:0px;
    width:150px;
    text-align:center;
    height:150px;
    overflow:hidden;
}
div.videoListe div.note img {
    width:20px;
}
div.videoListeSurvole {
    background-color:#083730;
}
div.videoListe img {
    width:100px;
}

div.listCategories
{
    text-align:center;
}
div.listCategories table
{
    width:100%;
}
div.listCategories table.listCategories td.liste div.categorie
{
    margin-bottom:10px;
}
div.listCategories div.nouvelleCategorie
{
    text-align:left;
}
div.listCategories div.categorie
{
    padding:0px;
    margin:0px;
}
div.listCategories div.categorie div.titre
{
}
div.listEvenements
{
}

div.listEvenements table
{
    width:100%;
}
div.listEvenements table.listEvenements td.liste div.liste
{
    color:#000000;
    background-color: #CCCCCC;
    border:1px solid #000000;
    max-height:200px;
    overflow: scroll;
}
div.listEvenements table.listEvenements td.liste a
{
    color:#000000;
}
div.listEvenements table.listEvenements td.description
{
    width:300px;
}
div.listEvenements div.evenement
{
    padding:0px;
    margin:0px;
}
div.listEvenements div.evenement div.titre
{
    width:100%
}
span.actions
{
    float:right;
}


/* Liste de videos*/
div.triListVideos
{
    text-align:center;
    padding-top:10px;
    padding-bottom: 10px;
}
div.navigationPagesVideos
{
    clear:left ;
    text-align:center ;
}



/* ------ APPLI TROMBI ------- */
tr.eleveTrombi0
{
   background-color:#e87171;
}
tr.eleveTrombi1
{
   background-color:#f1e687;
}
tr.eleveTrombi2
{
   background-color:#91f187;
}
tr.eleveTrombiChoisi1
{
   font-weight:bold;
}
tr.eleveTrombiChoisi0
{
   font-weight:normal;
}
